<?php
/**
 * Created by PhpStorm.
 * User: luohaixiong
 * Date: 17/3/8
 * Time: 上午10:39
 */
?>

<html>
<head>
    <link type="text/css" href="form.css">
    <title>zepto.js</title>
</head>

<div id="hide">
    <p class="error">
        隐藏专用
    </p>

    <button>点击我隐藏</button>
</div>

<script type="text/javascript" src="zepto.js"></script>

<script type="text/javascript">

    Zepto(function ($) {
        $('button').click(function () {

            $('#hide .error').animate({
                opacity : 0.1
            }, 600, 'ease', function () {
                $(this).hide();
            })
        })
    })


</script>

</html>
